<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>世纪黑卡</title>
		<link href="__CSS__/css/reset.css" rel="stylesheet" type="text/css" />
		<link href="__CSS__/css/layout.css" rel="stylesheet" type="text/css" />
		<style>
			.center{text-align:center;font-family:"微软雅黑";}
			.c_title{height:500px;color:#ffffff;text-align:center;background:url(web/01.jpg) no-repeat center;}
			.c_t_name{font-size:55px;padding-top:110px;letter-spacing:10px}
			.c_t_english{font-size:35px;padding-top:30px;letter-spacing:3px}
			.c_t_next{font-size:30px;padding-top:95px;letter-spacing:5px}
			
			
			.c_list{width:60%; margin-left:20%; padding:65px 0 130px; color:#111111;position:relative;}
			.c_list table{width:100%;text-align:left;border-collapse:separate;border-spacing:30px;}
			.c_list td{border:1px solid #dddddd;}
			.c_l_herf{
				display:block; 
				width:100%;
				height:100%; 
				text-decoration: none;  
			}
			.c_l_goods{padding:20px 10% 25px;}
			.c_l_goods img{width:100%}
			.g_name{padding:20px 0 0 1%;font-size:18px;color:#111111;}
			.g_next{letter-spacing:1px;color:#FB5606;}
			.g_mark{font-size:14px;}
			.g_money{font-size:20px;}
			.img_tishi{position:absolute;top:50px;left:12%;}
		
		</style>
	</head>
	<body>
		<header class="l_header_wrap l_header_back_color">
				<div class="l_header w1200">
					<span class="l_header_black_century">BLACK CENTURY</span>
					<nav class="l_header_nav">
						<a href="index.html">黑卡首页<span class="l_border_bottom"></span></a>
						<a href="#">在线申请<span class="l_border_bottom"></span></a>
						<a class="l_header_active" href="#">持卡人<span class="l_border_bottom"></span></a>
						<a href="#">黑卡__CSS__服务<span class="l_border_bottom"></span></a>
					</nav>
				</div>
		</header>
		<div class="center">
			<div class="c_title">
				<p class="c_t_name">电商特权</p>
				<p class="c_t_english">E-commerce Privileges</p>
				<p class="c_t_next">更多产品每周一上新</p>
			</div>
			<div class="c_list">
				<table>
					<tr>
						<td>
							<a class="c_l_herf" href="list_0_11.html">
							<div class="c_l_goods">
								<img class="g_img" src="web/shopping/8p@2x.png" alt="Apple/苹果 iPone 8" /><br/>
								<div class="g_name">Apple/苹果 iPone 8</div><br/>
								<div class="g_next"><span class="g_mark">￥</span><span class="g_money">5388.00</span></div>
							</div>
							</a>
						</td>
						<td>
							<a class="c_l_herf" href="#">
							<div class="c_l_goods">
								<img class="g_img" src="web/shopping/8p@2x.png" alt="Apple/苹果 iPone 8 pluse" /><br/>
								<div class="g_name">Apple/苹果 iPone 8 pluse</div><br/>
								<div class="g_next"><span class="g_mark">￥</span><span class="g_money">6298.00</span></div>
							</div>
							</a>
						</td>
						<td>
							<a class="c_l_herf" href="#">
							<div class="c_l_goods">
								<img class="g_img" src="web/shopping/x@2x.png" alt="Apple/苹果 iPone X" /><br/>
								<div class="g_name">Apple/苹果 iPone X</div><br/>
								<div class="g_next"><span class="g_mark">￥</span><span class="g_money">8088.00</span></div>
							</div>
							</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
		
		
		<footer class="l_footer">
				<h1 class="l_footer_title">联系我们</h1>
				<h2 class="l_footer_title_s">Contact Us</h2>
				<div class="w1200">
					<p>客服电话：010-59452601<br/>企业邮箱：service@91fintec.com<br/>地址：北京市海淀区中关村国际孵化园D座</p>
					<img src="code.jpg" />
				</div>				
		</footer>
	</body>
</html>
